vue使用ElementUI部分组件适配移动端问题怎么解决

本篇内容主要讲解“vue使用ElementUI部分组件适配移动端问题怎么解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vue使用ElementUI部分组件适配移动端问题怎么解决”吧!

Message 消息提示在PC端显示是非常好的：

但移动端效果就有点勉强了，宽度太长了：

适配样式代码

适配后移动端的效果是比之前好很多的：

MessageBox 弹框在PC端显示是非常好的：

但移动端效果就有点勉强了，还是宽度太长了：

适配样式代码

适配后移动端的效果是比之前好很多的：

Dialog 对话框可通过自己设置top,width等控制样式，算是比较方便更改样式的一个组件了。

但为了同时适配手机和pc，还需要我们进行一些操作，尽管我将width设置为比较小的400以及对表单内的组件样式进行了一定的修改，但还是无法比较好的适配手机。

为了更好的兼容pc端而设置了部分样式：

在PC端显示的效果我感觉还是挺好的：

但移动端效果就还是有点勉强了：

适配样式代码

适配后移动端的效果是比之前好很多的：

到此，相信大家对“vue使用ElementUI部分组件适配移动端问题怎么解决”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：[email protected]进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。